<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript">


$(function() {
	//初始化表单验证
	 $("#addForm").validate({
		 
		 rules : {
			 state : {
					digits : true
				},
			},
		
		messages:{
			name: {required: "请输入名称"},
			thumb: {required: "请添加图片"},
			
		},
		submitHandler:function(form){
			$(form).ajaxSubmit({
				success:function(data){
					switch (data.flag) {
					case -1:
						Kit.alert("网络繁忙...，请重试");
						return;
					case 0:
						dataPaginator.loadPage(1);
						addDialog.close();
					}
				}
			});
		}
	});
}); 
 
</script>

<form id="addForm" action="${BASE_PATH}/contents/category/doAdd" method="post"
	class="form-horizontal" enctype="multipart/form-data">
	<div class="form-group">
		<label class="col-lg-2 control-label">分类名称</label>
		<div class="col-lg-9">
			<input type="text" name="name" value="" class="form-control"
				placeholder="请输入标题名称" required maxlength="50">

		</div>
	</div>
	<div class="form-group">
		<label class="col-lg-2 control-label">分类图标</label>
		<div class="col-lg-9">
			<input type="file" name="thumb" id="thumb" accept="image/jpg,image/png" title="选择文件" required>
				
		</div>
	</div>
	<div class="form-group">
		<label class="col-lg-2 control-label">是否显示</label>
		<div class="col-lg-9">

			<select name="state" class="selectpicker form-control">
				<option value="1">显示</option>
				<option value="0">不显示</option>
			</select>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-6">
			<button class="btn btn-primary col-sm-3 pull-right" type="submit"
				autocomplete="off">提交</button>
		</div>
		<div class="col-lg-6">
			<button class="btn btn-default col-sm-3 pull-left" type="button"
				onclick="javascript:addDialog.close();" autocomplete="off">取消</button>
		</div>
	</div>
</form>


